<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style  scoped>
        /* 元素选择器缺点：所有的指定元素都相同更改 */
        /* id选择器 */
        #ed{
            color: red;
            font-size: 20px;
        }
        .blue{
            color: blue;
        }
        /* 通配选择器 选择页面所元素 有id标识 */
        /* *{
            font-size: 40px;
        } */
        /* 交集选择器 多个条件约束 一般元素选择器开头
        若没有元素选择器则任意排 */
        p.blue{
        font-size: 30px;
        }
        /* 选择器分组 并集选择器 */
        h1,span{
            color: green;
        }

    </style>
</head>

<body>
    <!-- 不能以数 字开头命名id -->
    <!-- class 是标签的属性 可以重复使用 
        使用class属性为元素分组 可以为同一个元素指定多个class属性 -->
    <p class="blue">春江潮水连海平，海上明月共潮生。</p>
    <p >滟滟随波千万里，何处春江无月明！</p>
    <h1 >江流宛转绕芳甸，月照花林皆似霰；</h1>
    <span >空里流霜不觉飞，汀上白沙看不见。</span>
</body>
</html>